/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     进度条     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.WorkbenchPersonal-MyBar {
  width: 100%;

  /* ============================== 间隔 ============================== */
  + .WorkbenchPersonal-MyBar {
    margin-top: 16px;
  }

  /* ============================== 标题 ============================== */
  .flex {
    line-height: 36px;
    font-size: 16px;

    img {
      margin-right: 8px;
    }
  }

  /* ============================== 背景条 ============================== */
  .flex1 {
    height: 16px;
    border-radius: 8px;
    background: var(--Primary1);

    /* —————————————————————————————— 主色条 —————————————————————————————— */
    > div {
      height: 10px;
      margin-top: 3px;
      border-radius: 5px;
      background: var(--Primary);
    }
  }

  /* ============================== 百分比 ============================== */
  .flex0 {
    width: 48px;
    text-align: right;
  }
}
